<nz-sider nzBreakpoint="lg" nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null">
    <ul class="sub-menu-layout-ul" nz-menu [nzMode]="isCollapsed?'vertical':'inline'">
        <li nz-menu-item>
            <nz-avatar nzText="U" style="color:#f56a00; background-color:#fde3cf;"></nz-avatar>
            <div class="right-content">
                <span class="time">2018-1-1</span>
                <div class="sub-right-content">
                    <span>test : 最后一条消息</span>
                </div>
            </div>
        </li>
        <li nz-menu-item>
            <nz-avatar nzText="U" style="color:#f56a00; background-color:#fde3cf;"></nz-avatar>
            <div class="right-content">
                <span class="time">2018-1-1</span>
                <div class="sub-right-content">
                    <span>test : 最后一条消息</span>
                </div>
            </div>
        </li>
        <li nz-menu-item>
            <nz-avatar nzText="U" style="color:#f56a00; background-color:#fde3cf;"></nz-avatar>
            <div class="right-content">
                <span class="time">2018-1-1</span>
                <div class="sub-right-content">
                    <span>test : 最后一条消息</span>
                </div>
            </div>
        </li>
    </ul>
</nz-sider>